<template>
	
	<div class="hothistory"	>
	
		<div class="title">
			<van-icon name="fire" color="#B0352F" />
			热门搜索
		</div>
	
	
		<van-tag v-for="(item,index) in hot" :key="index"  size="large">
			{{ item }}
		</van-tag>
	
	</div>
	
</template>

<script>
	
	export default {
		
		name:'HotSearch',
		data() {
			return {
				hot:['易冲泡茶叶','经典紫砂壶','送礼','旅行茶具','待客茶','新手入门茶','大师壶','福鼎白茶','绿茶']
			}
		},
		
	}
	
</script>

<style>
	
	.hothistory {
		margin: 0.625rem 1.25rem;
	}
	
	.title {
		margin-bottom: 1.25rem;
		color: #333333;
	}
	
	.van-tag {
		margin: 5px;
	}
	
</style>
